import styles from './header.module.css';

const Header = ({text, widgets, type='normal', children}) => {
  const content = text ?? children;
  return <div className={styles[`head-line`]}>
    <div className={styles[`head-${type}`]}>{content}</div>
    {widgets && <div className={styles['widgets']}>{widgets}</div>}
  </div>
}

export default Header;